﻿<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="PassengerInfoUserControl.ascx.cs" Inherits="NUS.ISS.ARS.Web.UserControls.PassengerInfoUserControl" %>

<div>
<table style="width: 100%" class="table">
    <tr>
        <td style="border-top: 0px">
            Title:
        </td>
        <td style="border-top: 0px">
            <asp:DropDownList ID="ddlTitle" runat="server" Height="26px" Width="60px">
                <asp:ListItem Value="1">MR.</asp:ListItem>
                <asp:ListItem Value="2">MS.</asp:ListItem>
                <asp:ListItem Value="3">MISS.</asp:ListItem>
            </asp:DropDownList>
        </td>
    </tr>
    
    <tr>
        <td style="border-top: 0px">
            Given Name:
        </td>
        <td style="border-top: 0px">
            <asp:TextBox ID="txtGivenName" runat="server" Width="200px"></asp:TextBox>
            <div class="error">
                <asp:RequiredFieldValidator ID="rfvtxtGivenName" runat="server" ControlToValidate="txtGivenName"
               Text="*" ErrorMessage="Given Name is required." ></asp:RequiredFieldValidator>
            </div>
        </td>
    </tr>
    <tr>
        <td style="border-top: 0px">
            Sur Name:
        </td>
        <td style="border-top: 0px">
            <asp:TextBox ID="txtSurName" runat="server" Width="200px"></asp:TextBox>
        </td>
    </tr>
    <tr>
        <td style="border-top: 0px">
            Nationality:
        </td>
        <td style="border-top: 0px">
            <asp:DropDownList ID="ddlNationality" runat="server" Height="26px" Width="150px"></asp:DropDownList>
            
        </td>
    </tr>
     <tr>
        <td style="border-top: 0px">
            Date of Birth:
        </td>
        <td style="border-top: 0px">
        <asp:TextBox ID="txtDayOfBirth" runat="server" Enabled="false" ></asp:TextBox>
        <asp:ImageButton ID="imbDateOfBirth" runat="server" 
        ImageUrl="~/Images/calendar.png" Height="22px" Width="44px" 
        CausesValidation="False" onclick="imbDateOfBirth_Click"></asp:ImageButton>
        <asp:Calendar ID="calDateOfBirth" runat="server" Visible="false" 
        onselectionchanged="calDateOfBirth_SelectionChanged"></asp:Calendar>
         <div class="error">
            <asp:RequiredFieldValidator ID="rvftxtDayOfBirth" runat="server" ControlToValidate="txtDayOfBirth"
            Text="*" ErrorMessage="Day of Birth is required." ></asp:RequiredFieldValidator>
        </div>
        </td>
    </tr>
     <tr>
        <td style="border-top: 0px">
            Passport Number:
        </td>
        <td style="border-top: 0px">
            <asp:TextBox ID="txtPassport" runat="server" Width="200px"></asp:TextBox>
            <div class="error">
                <asp:RequiredFieldValidator ID="rfvtxtPassport" runat="server" ControlToValidate="txtPassport"
                Text="*" ErrorMessage="Passport Number is required." ></asp:RequiredFieldValidator>
            </div>
        </td>
    </tr>
    <tr>
        <td style="border-top: 0px">
            Passport Expiry Date:
        </td>
        <td style="border-top: 0px">
        <asp:TextBox ID="txtPassportExpiryDate" runat="server"  Enabled="false" ></asp:TextBox>
        <asp:ImageButton ID="imgPassportExpiryDate" runat="server" 
        ImageUrl="~/Images/calendar.png" Height="22px" Width="44px" 
        CausesValidation="False" onclick="imgPassportExpiryDate_Click"></asp:ImageButton>
        <asp:Calendar ID="calPassportExpiryDate" runat="server" Visible="false" 
        onselectionchanged="calPassportExpiryDate_SelectionChanged"></asp:Calendar>
        <div class="error">
            <asp:RequiredFieldValidator ID="rvftxtPassportExpiryDate" runat="server" ControlToValidate="txtPassportExpiryDate"
            Text="*" ErrorMessage="Passport Expriy Date is required." ></asp:RequiredFieldValidator>
        </div>
        </td>
    </tr>
</table>
<hr style=" border: 0; border-bottom: 1px dashed #ccc; background: #999;"/>
</div>
